<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="reg">
    <p class="reg-login">
        <a href="./login.html">密码登录</a>
    </p>
    <h1 class="reg-title">手机号/注册</h1>
    <p class="reg-info">快速找到好友，一站式记录你的运动</p>
    <form action="#" class="reg-form">
        <p>
            <input type="text" id="tel" placeholder="请输入手机号码">
        </p>
        <div class="captcha-box">
            <input type="text" id="code" placeholder="请输入验证码">
            <div>
                <canvas width="123" height="50" id="captcha1"></canvas>
            </div>
        </div>
        <p>
            <input type="password" name="" id="pwd" placeholder="请输入密码">
        </p>
        <p>
            <input type="password" name="" id="confirm-pwd" placeholder="请再次确认密码">
        </p>
        <p>
            <button type="button" id="reg-btn">注册账号</button>
        </p>
    </form>
    <div class="wechat">
        <span class="iconfont icon-weixin1"></span>
        <a href="#">微信登录</a>
    </div>
    <p class="register-slogen">
        <span>-</span>&nbsp;
        HOLD&nbsp;ON&nbsp;
        <span>-</span>
    </p>
    <div id="error"></div>
</body>

</html>